.container{
     width: 100%;
     height: 100%;

     .content-top{
     width: 100%;
     height: 200px;
     background: #fff;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 40px;

    .left{
      h1{
          color: #000;
     }
    }

    .right{
          display: flex;
          margin-left: 10px;
     }
}
.content{
     width: 100%;
     margin-top: 30px;
      overflow-y: scroll;
     .eacharts{
          width: 100%;
          height: 500px;
           background: #fff;
     }
  .subany{
     width: 100%;
     height: 150px;
     background: #fff;
     margin-top: 30px;
     h2{
          height: 75px;
          display: flex;
          align-items: center;
          border-bottom: 1px solid #ccc;
     }
     ul{
          list-style: none;
          display: flex;
          justify-content: space-around;
          align-items: center;
          font-size: 20px;
          }
     }
     .updateArticles{
     width: 100%;
     background: #fff;
     margin-top: 30px; 
     }
     .updateArticles-item{
          width: 100%;
          display: flex;
          justify-content: space-around;
          flex-wrap: wrap;
          div{
               width: 33.3%;
               height: 200px;
               background: #ededed;
               transition:transform 0.3s ease ;
               margin-top: 10px;

          }
     }
     .updateArticles-item div:hover  {
               box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
               
     }
     
  }
}